.sidebar {
  height: 100%;
  display: flex;
  flex-direction: column;

  .brand {
    padding: 24px;
    display: flex;
    align-items: center;
    gap: 16px;
    
    .logo-wrapper {
      .logo-animation {
        width: 48px;
        height: 48px;
        position: relative;
        
        .circle {
          position: absolute;
          inset: 0;
          border-radius: 14px;
          background: var(--bg-gradient);
          animation: pulse 2s infinite ease-in-out;
          
          &-2 {
            opacity: 0.5;
            animation-delay: -1s;
          }
        }
      }
    }
  }

  .menu-section {
    padding: 16px 0;
    
    .section-header {
      padding: 0 24px;
      margin-bottom: 12px;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
  }
} 